<template>
	<view class="preview-wrap">
		<view class="admit">
			我现在头脑清楚、思维清晰，能够正确理解并清楚表达我本人的意愿，具有民事行为能力。为避免本人身故后，继承人因遗产问题产生争议，根据《中华人民共和国民法典》的规定，本人特立此遗嘱，对本人所拥有的财产和权益等作出如下处理：
		</view>
		<view class="type-item" v-for="item in selfWillTemp">
			<view class="self-head">
				<view class="self-head-title">
					财产类型({{item.id}})：{{item.type}}
				</view>
			</view>
			<view class="inherit-name">
				<view class="name-item" v-for='ele in item.inHeritList' :key="ele.idCard">
					<view class="label">
						继承人姓名（1）：{{ele.name}}(身份证号：{{ele.idCard}})
					</view>
					<view class="relation">
						与我的关系：{{ele.relation}}
					</view>

				</view>
			</view>
			<view class="self-intro">
				{{item.tempStr}}
			</view>
		</view>
		<view class="self-sign">
			<view>
				本遗嘱是我目前订立及认可的唯一有效遗嘱。对本遗嘱订立之前的其他遗嘱，我均予以撤销。本遗嘱共（ ）页，内容均为我的真实意思表示。
			</view>
			<view>立遗嘱人（本人手写签名）：</view>
			<view>
				遗嘱日期（本人手写）： 年 月 日
			</view>
			<view>立遗嘱人本人指印（右手中指）：</view>
		</view>
		<view class="bottom-btns">
			<view class="save-btn" @click="handleNavigate(0)">
				保存到手机
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				selfWillTemp: [{
						id: 1,
						type: '不动产',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一处不动产，位于（不动产地址），产权证编号是（产权证编号），产权人姓名是（产权人姓名），共有产权人有（共有产权人姓名，可填写多个），建筑面积为（面积）（单位）。在我身故后，由（张三）（百分数）%，其他人不继承`
					},
					{
						id: 2,
						type: '车辆',
						inHeritName: '',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一辆车，车辆识别代号为（车辆识别代号），车牌号是（车牌号），发动机号是（发动机号），所有权人是（所有权人姓名），品牌型号为（品牌型号名），登记日期是（xx年xx月xx日）。在我身故后，由（张三继承（百分数）%，其他人不继承。`
					},
					{
						id: 3,
						type: '存款',
						inHeritName: '',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一笔存款，存放于（银行名）银行，存折卡号为（存折卡号），银行卡号为（银行卡号），存款金额共（金额）（货币单位）。在我身故后，由（张三）继承（百分数）%其他人不继承。`
					},
					{
						id: 4,
						type: '债权或债券',
						inHeritName: '',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一元（债权/债券），文书编号为（文书编号），债权人是（债权人姓名），债务人是（债务人姓名），到期日是（xx年xx月xx日），债权金额有（金额）（货币单位），存放于（地址）。在我身故后，由（张三继承（百分数）%，其他人不继承。`
					},
					{
						id: 5,
						type: '上市公司股票',
						inHeritName: '',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一只股票，其类型为（股票类型），证券交易所位于（地址），股票代码是（股票代码），公司简称是（公司简称），股票市值为（金额）（货币单位），持有人为（持有人姓名），股票账户是（账户号）。在我身故后，由（张三）继承（百分数）%，其他人不继承。`
					},
					{
						id: 6,
						type: '非上市公司股权',
						inHeritName: '',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一只（公司名称）公司的股权，出资类型为（出资类型），出资额有（金额）（货币单位），股东名称是（股东名称），出资比例占（百分数）%。在我身故后，由（张三）继承（百分数）%，其他人不继承。`
					},
					{
						id: 7,
						type: '贵重物品',
						inHeritName: '',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一（物品名称），其规格为（物品规格），是（品牌名）品牌的产品，市值约（金额）（货币单位）。在我身故后，由（张三）继承（百分数）%，其他人不继承。`
					},
					{
						id: 8,
						type: '理财产品',
						inHeritName: '',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一理财产品，产品名称为（产品名称），其发行单位是（发行单位名称），产品编号是（产品编号）。金额为（金额）（货币单位），权利人是（权利人姓名）。在我身故后，由（张三）继承（百分数）%，其他人不继承。`
					},
					{
						id: 9,
						type: '知识产权',
						inHeritName: '',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						tempStr: `我有一知识产权，名为（知识产权名），其编号为（编号），是（产权类型）类型的知识产权，权利人是（权利人姓名），估值约（金额）（货币单位）。在我身故后，由（张三）继承（百分数）%，其他人不继承。`
					},
					{
						id: 10,
						type: '其他财产',
						inHeritList: [{
							name: '张三',
							relation: 'xxx',
							idCard: '23121532543'
						}],
						inHeritName: '',
						tempStr: `我有一（财产名称），价值为（金额）（货币单位），权利人是（权利人姓名），存放地为（地址），编号是编号）。在我身故后，由（张三）继承（百分数）%，其他人不继承`
					},

				]
			};
		},
		methods: {
			handleNavigate(val) {
				uni.navigateTo({
					url: val === 0 ? '/pages/index/choseType/choseType' : '/pages/index/preview/preview'
				})
			}
		},
		onLoad(val) {
			console.log(val)
			if (val.val) {
				uni.showToast({
					title: `您选择的财产类型id为${val.val}`
				})
			}
		}
	}
</script>

<style lang="scss">
	.preview-wrap {
		view {
			box-sizing: border-box;
		}

		width: 750rpx;
		padding-top: 16rpx;
		min-height: 100vh;
		background-color: #F6F6F6;

		.admit {
			background: #FFFFFF;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			line-height: 45rpx;
			padding: 33rpx 28rpx;
			margin-bottom: 5px;
		}

		.self-head {
			padding: 26rpx 24rpx;
			display: flex;
			align-items: center;
			justify-content: space-between;

			.self-head-title {
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #000000;
				line-height: 55rpx;
			}

			.self-head-btns {
				display: flex;
				align-items: center;

				.head-btn {
					width: auto;
					padding: 10rpx 24rpx;
					border: 1rpx solid #8C382C;
					border-radius: 21rpx;
					font-size: 22rpx;
					font-family: PingFang SC;
					font-weight: 500;
					margin-left: 27rpx;
					cursor: pointer;
				}

				.head-btn:first-child {
					margin-left: 0;
				}

				.head-btn-add {
					border-color: #4778B2;
					color: #4778B2;
				}

				.head-btn-delete {
					color: #8C382C;
				}
			}
		}

		.inherit-name {
			width: 750rpx;
			background: #FFFFFF;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			margin-bottom: 13rpx;
			padding: 24rpx;

			view {
				line-height: 41rpx;
			}

		}

		.self-intro {
			width: 750rpx;
			height: auto;
			background: #FFFFFF;
			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			line-height: 45rpx;
			padding: 33rpx 29rpx;
		}

		.self-sign {
			padding: 40rpx 29rpx;
			background-color: #fff;

			font-size: 26rpx;
			font-family: PingFang SC;
			font-weight: 500;
			color: #666666;
			line-height: 45rpx;
		}

		.bottom-btns {
			display: flex;
			justify-content: space-between;
			align-items: center;
			background-color: #fff;
			padding: 43rpx 22rpx;

			.save-btn {
				width: 706rpx;
				height: 88rpx;
				background: #BEC3CF;
				border-radius: 44rpx;
				font-size: 30rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #FFFFFF;
				display: flex;
				align-items: center;
				justify-content: center;
			}


		}
	}
</style>
